html, body { min-width:1380px;}
 body {color:#666666; font-size:14px;} a{color:#333333}a:active,a:hover {color:#104492}
.clear { clear:both;}
.container{ width: 1300px; }

/*首页top */
#Top .width{width:100%; display:block; float:left;height:100px;}
#Top .h110{height:56px;}
#Top .top1{width: 100%; position:absolute; left:0; top:0; z-index:999999;}
#Top .top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1);}
#Top .top1 .top_a{background:#ffffff;}
#Top .logo{ height: auto; float:left; margin:33px 0;}
#Top .logo img{float:left;}
#Top .logo .i{border-left:1px solid #e2e2e2; line-height:34px; height:34px; display:block; float:left; font-size:24px; font-weight:normal; margin-left:15px; padding-left:15px; color:#333333;
}
#Top .top1 .tel{float:right; margin-top:30px;}
#Top .top1 .tel .i_a{float:left; width:40px; height:40px; margin-top:3px;}
#Top .top1 .tel .p_a{float:left; padding-left:14px;}
#Top .top1 .tel .span_a{font-size:14px; color:#666666;}
#Top .top1 .tel .b_a{display:block; font-weight:bold; color:#ffb517; font-size:24px;line-height:28px;}
#Top .nav { width:100%;position:relative;} 
@media screen and  (max-width:1199px){
#Top .nav { overflow:hidden;} 
}
#Top .menu_box{ width:100%; display:block;  position:relative; }
#Top .menu_box::after{width:800%;background:rgba(54,62,69,0.7);transform: skewX(32deg);
 position:absolute; left:20px; top:0; content:"";
height:100%;
}
#Top .menu{width:100%;margin-left:20px;}
#Top .menu li{ float:left; z-index:15; position:relative; text-align:center; }
#Top .menu li span a { float:left; font-size:16px; line-height:56px; position:relative; color:#ffffff; padding:0 40px; height:56px; position: relative; display: flex; justify-content: center; align-items: center; text-decoration: none;}
#Top .menu li span a::after { content: '';  position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background:#104492;transform: skewX(32deg); width:0;
}
#Top .menu li.active span a::after,
#Top .menu li:hover span a::after{ width:100%;}
#Top .menu .sub{ display:none; float:left; position:absolute; top:56px;
 width:150px; z-index:66;  background:rgba(54,62,69,0.7); left:50%; margin-left:-55px;

}
#Top .menu .sub li{ float:left; text-align:center; width:100%; padding:10px 0;}
#Top .menu .sub li a{ text-align:center; color:#fff; font-size:14px; line-height:22px; position:relative; display:inline-block;
}
#Top .menu .sub li::after{position:absolute; left:0; width:100%; height:1px; border-bottom:1px dashed #fff; bottom:0; content: '';
opacity: 0;
}
#Top .menu .sub li:hover a::after{opacity: 1;}
#Top .menu .sub li:hover{background:#104492;}
/*手机头*/
#Top .top2{width:100%; height:71px;display: none ; position: absolute; top:0; left: 0; 
   z-index: 600; background-color: #fff;}
#Top .top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)}
#Top .top2 .logo{width:500px; height:auto; float:left; margin:20px 0; position:relative;}
#Top .top2 .logo .img02{position:absolute; width:300px; left:0; top:0; opacity: 0;}

/*下拉*/
#Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;}
#Top .menuph .point{ display: inline-block; width: 30px; height: 22px; margin: 10px auto 0; position: relative;}
#Top .menuph .point:hover .navbtn,
#Top .menuph .point:hover .navbtn::after,
#Top .menuph .point:hover .navbtn::before{width: 28px;}
#Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px;
  -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;
}
#Top .menuph .navbtn::after,
#Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: '';
   -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000;
}
#Top .menuph .navbtn::after{top: -11px;}
#Top .menuph .navbtn::before{ top: 10px;}
#Top .menuph .point.active .navbtn{ background: transparent;}
#Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px;
}
#Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;
}
/*手机下拉*/
#Top .xialaph { position: fixed; top: 0; left: 0; width: 100%;  height: 100%; display: none; padding-top:76px; overflow-y: auto;z-index: 200; background-color:#fff;}
#Top .xialaph .img_d { display:none;}
#Top .xialaph .ul2, #Top .xialaph .ul3 { display: none;}
#Top .xialaph .yjml a { display: block;color: #333;  font-size: 14px; line-height: 40px; position: relative; text-transform: uppercase;}
#Top .xialaph .yjml { position: relative;}
#Top .xialaph .yjml .ico { width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}
#Top .xialaph li:last-child .yjml::before { content: '';position: absolute; bottom: 0; left: 0; width: 100%;  height: 1px; background-color: #f2f2f2;display: none;}
#Top .xialaph li:first-child .yjml::after { display:none;}
#Top .xialaph .yjml::after { content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#dedede;}
#Top .xialaph .yjml em { font-size: 12px; margin-left: 5px; text-transform: uppercase;}
#Top .xialaph .ejml a { display: block; color: #666;font-size: 14px;line-height: 42px; padding:0 10px;}
#Top .xialaph .ejml { position: relative;}
#Top .xialaph .ejml::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);}
#Top .xialaph li:last-child .ejml::after { display: none;}
#Top .xialaph .yjml b { position: absolute; right: 5px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #666 solid 1px; border-right: #666 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}
#Top .xialaph .yjml.active b { transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px;}
#Top .xialaph .ul3 { padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}
#Top .xialaph .ul3::after { content: ''; position: absolute; bottom: 0;  left: 0;right: 0; height: 1px; background-color: #e5e5e5;}
#Top .xialaph li:last-child .ul3::after { display: none;}
#Top .xialaph .ul3 li a { color: #666; font-size: 14px; line-height: 35px; display: block;}
#Top .xialaph .ul3 li { padding-top: 5px;}
#Top .xialaph .ul3 li:first-child { padding-top: 0;}
#Top .xialaph .ejml b { position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #999 solid 1px; border-right: #999 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;}
#Top .xialaph .ejml.active b { transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px;}
#Top .phonemeng { position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6; z-index: 99;display: none;}
#Top .phonemeng.active { display: block;}
@media screen and  (max-width:1200px){
  #Top .menu .sub li a { font-size:15px;}
  #Top .menu .sub { width:120px;left:70%;}
  #Top .menu .sub li a { line-height:20px;}
}

/* banner 开始 */
.apple-banner { width: 100%; height: 560px; overflow: hidden;}
.apple-banner .swiper-container1 { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.apple-banner .swiper-container1 .swiper-slide { background-size:1920px 560px!important; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
/*分页器*/
.apple-banner .swiper-container1 .swiper-pagination { width:100%; height:10px; overflow:hidden; margin:0; padding:0; left:0; bottom:20px!important;}
.apple-banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px!important; border-radius:50%; opacity:0.5; background-color:#fff;}
.apple-banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active { opacity:1;}
.apple-banner .swiper-container1 .swiper-button-prev, .apple-banner .swiper-container1 .swiper-button-next { width:48px!important; height:48px!important; top:50%!important; margin:-24px 0 0!important;}
.apple-banner .swiper-container1 .swiper-button-prev { background:url(../images/prev0.png) center center no-repeat; background-size:48px 48px; left:20px;}
.apple-banner .swiper-container1 .swiper-button-next { background:url(../images/next0.png) center center no-repeat; background-size:48px 48px; right:20px;}


@keyframes activeB{
0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
}
@-moz-keyframes activeB{
0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
}
@-ms-keyframes activeB{
0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
}
@-webkit-keyframes activeB{
0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
}
@-o-keyframes activeB{
0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
}

.ba_text1 { width:100%; max-width:1600px; overflow:hidden; margin:240px auto 0; padding:0;    position: relative;z-index: 3;}
.ba_text1 p { width:80%; overflow:hidden; line-height:60px; color:#fff; font-size:58px; font-weight:bold; text-align:center; letter-spacing:4px; margin:0 auto; padding:0;}
.ba_text1 p i{font-style:normal;color: #ffc64d;font-weight:bold;}
.ba_text1 em { display:block; width:60px; height:5px; overflow:hidden; margin:30px auto; padding:0; background-color:#fff;}
.ba_text1 span { display:block; width:80%; overflow:hidden; line-height:30px; color:#fff; font-size:18px; text-align:center; margin:0 auto; padding:0;}
.ba_text1 a { display:block; width:220px; height:60px; overflow:hidden; line-height:58px; color:#fff; font-size:18px; text-align:center; border:1px solid #fff; border-radius:30px; margin:80px auto 0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s;}
.ba_text1 a img { display:inline-block; width:24px; height:24px; vertical-align:middle; margin:-4px 0 0 8px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s;}
.ba_text1 a:hover { width:240px;}
.ba_text1 a:hover img { margin:-4px 0 0 20px;}

.ba_scroll { width:60px; overflow:hidden; margin:0 0 0 -30px; padding:0; position:absolute; left:50%; bottom:10px; z-index:99;cursor:pointer;}
.ba_scroll span { display:block; width:100%; overflow:hidden; line-height:20px; color:#fff; font-family:"Helvetica"; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.ba_scroll p { width:24px; height:36px; overflow:hidden; margin:5px auto 0; padding:0; border:1px solid #fff; border-radius:12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ba_scroll p i { display:block; width:1px; height:12px; overflow:hidden; background-color:#fff; margin:12px auto; padding:0; animation-name: scrollTip; animation-duration: 1s; animation-iteration-count: infinite;}

/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:24px; background:none;}
.apple-banner .swiper-pagination-bullet { display: inline-block; width: 12px; margin: 0 6px; cursor: pointer; background: none; border-radius:0; opacity: 1; border-radius:6px;}
.apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(255, 255, 255, 1); border-radius:50%;}
.apple-banner .swiper-pagination-bullet-active span{background-color: #104492;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,1);}
.apple-banner .swiper-pagination-bullet i{ background-color: #104492; height: 12px; transform:scaleX(0); transform-origin: 0; display: block;}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1); border-radius:6px;}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1); border-radius:6px;}
.apple-banner .autoplay .replace span{ background-color:#104492;}
/* banner 结束 */



/*main*/
#Content .pro_index01{display:block;width:100%;/* float:left; */position:relative;position:relative;}
#Content .pro_index01::after{width:100%; background:#e5e5e5; height:1px; bottom:23px; content:""; z-index:-1; left:0; position:absolute;}
#Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:0;}
#Content .pro_index01 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content .pro_index01 .p_h3::after{position:absolute; right:0; top:55%; margin-top:0; height:1px; width:86%; content:"";background:#e5e5e5;}
#Content .pro_index01 .top_rig{ min-height:44px; max-height:100px; overflow:hidden; margin: 20px auto;}
#Content .pro_index01 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#104492; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#Content .pro_index01 .right{float:right;}
#Content .pro_index01 .li_a { margin:0 10px 10px 0;}
#Content .pro_index01 .li_a a{ display:block; width:100%; max-width:160px; height:44px; overflow:hidden; line-height:45px; color:#ffffff; font-size:15px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;}
#Content .pro_index01 .li_a:hover,
#Content .pro_index01 .li_a.on{background:#363e45;}
#Content .pro_index01 .sea_form{ width:320px; height:40px; border:1px solid #e5e5e5;padding-right:39px; position:absolute; top:4px; right:0;}
#Content .pro_index01 .sea_form .input{float: left; width: 100%;  height:36px; line-height:28px; padding: 5px 10px; color: #363e45; font-size: 14px; background: white; outline: none; border:0;}
#Content .pro_index01 .sea_form .search_b{position: absolute;right:-1px;top: -1px; width:40px; height:40px;display:block; border: none;background: url(../images/901_top9.png) center no-repeat #104492; cursor: pointer ; background-size: contain;}
#Content .pro_index01 .pro_ul{width:100%; display:block;}
#Content .pro_index01 .ul_a{padding-bottom:40px; display:block;}
#Content .pro_index01 .li_b{width:23.5%;float:left;margin: 0 2% 30px 0;padding-bottom:20px;}
#Content .pro_index01 .li_b:nth-child(4n+4){margin-right:0;}
#Content .pro_index01 .li_b .procon {width:100%;display:block;position:relative;padding: 14px 14px 38px;background:#f0f0f0;height:100%;transition:all 0.5s ease;border-radius: 8px;}
#Content .pro_index01 .li_b .pic {display:block;width:100%;height: 265px;overflow: hidden;margin:0 auto;padding:0;}
#Content .pro_index01 .li_b .pic a { display:block; width:100%; height:100%; overflow: hidden; margin:0 auto; padding:0; position:relative;}
#Content .pro_index01 .li_b .pic a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease;}
#Content .pro_index01 .li_b .h4_b{display:block; padding-top:16px; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .h4_b a {display:block;padding-top: 0px;line-height:40px;color:#333333;font-size:18px;width:100%;text-align:center;transition:all 0.5s ease;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
#Content .pro_index01 .li_b:hover .h4_b a { color:#fff;}
#Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;
 display:block; width:100%;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .more {position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; color:#b3b3b3; font-size:14px; border-radius:50%;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .more a { color:#b3b3b3;}
#Content .pro_index01 .li_b .more:hover a {}
#Content .pro_index01 .li_b:hover .procon {background:#104492;}
#Content .pro_index01 .li_b:hover .h4_b, #Content .pro_index01 .li_b:hover .p_b, #Content .pro_index01 .li_b:hover .more{color:#ffffff;}
#Content .pro_index01 .li_b:hover .more{}
#Content .pro_index01 .li_b:hover .pic a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
#Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative;}
#Content .pro_index01 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content .pro_index01 .more_a a { color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content .pro_index01 .more_a:hover::after{background:#104492; width:100%; height:100%;}
@media screen and  (max-width:1630px){
  #Content .pro_index01 .li_a{padding:0 10px;}
}
@media screen and  (max-width:1200px){
  #Content .pro_index01 .h3_y{font-size:36px;}
  #Content .pro_index01 .p_h3{font-size:30px;}
  #Content .pro_index01 .li_a{padding:0 10px;}
  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}
  #Content .pro_index01 .sea_form{}
  #Content .pro_index01 .right{float:left;}
}

#Content2 .adv_index02{display:block;width:100%;/* float:left; */padding:60px 0;}
#Content2 .adv_index02 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content2 .adv_index02 .h3_y{font-weight:bold; font-size:42px; color:#ffffff; display:block; }
#Content2 .adv_index02 .p_h3{font-weight:bold; font-size:30px; color:#ffffff; position:relative;}
#Content2 .adv_index02 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#ffffff;}
#Content2 .adv_index02 .adv_ul{width:100%; display:block;}
#Content2 .adv_index02 .li_c{width:32%; float:left; margin-right:2%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
#Content2 .adv_index02 .li_c .li_ca{display:block; width:100%; height:100%; padding:30px; background:rgba(0,0,0,0.5); position:relative;}
#Content2 .adv_index02 .li_c .span_c{width:92px; height:92px; float:left; background:rgba(255,255,255,0.1); border-radius:50%;}
#Content2 .adv_index02 .li_c .span_right{float:left; width:71%; padding-left:24px; color:#ffffff;padding-top: 14px;}
#Content2 .adv_index02 .li_c .p_c{line-height:38px; font-size:28px;}
#Content2 .adv_index02 .li_c .b_c{padding-top:6px; line-height:20px; font-size:14px; font-weight:normal; display:block;
height:46px;   overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
#Content2 .adv_index02 .li_c:nth-child(3n){margin-right:0;}
#Content2 .adv_index02 .li_c:hover a{background:rgba(16,68,146,0.9);}
#Content2 .adv_index02 .li_c:hover{
-webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and  (max-width:1630px){
#Content2 .adv_index02 .li_c .span_right{width:68%;}
}
@media screen and  (max-width:1200px){
  #Content2 .adv_index02 .h3_y{font-size:36px;}
  #Content2 .adv_index02 .p_h3{font-size:30px;}
  #Content2 .adv_index02 .li_c .span_c{width:80px; height:80px;}
  #Content2 .adv_index02 .li_c .li_ca{padding:20px;}
  #Content2 .adv_index02 .li_c .span_right{width:70%;}
}

#Content3 .case_index03{display:block;width:100%;/* float:left; */background:#f0f0f0;padding:60px 0;}
#Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5;}
#Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; top:4px; color:#fff; display:block; padding:0 15px;}
#Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content3 .case_index03 .more_a a{color:#fff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content3 .case_index03 .more_a:hover::after{background:#104492; width:100%; height:100%;}
#Content3 .case_index03 .case_ul{width:100%; display:block;}
#Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#fff;}
#Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;}
#Content3 .case_index03 .li_d .case_con {display:block; width:100%; height:276px; overflow:hidden; margin:0; padding:0; position:relative;}
#Content3 .case_index03 .li_d .case_con a.pic{ display:block; width:100%; height:100%; margin:0 auto; padding:0; position:relative; }
#Content3 .case_index03 .li_d .case_con a.pic img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
#Content3 .case_index03 .li_d .mor { display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#Content3 .case_index03 .li_d .i { display:block; width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:14px; border-radius:50%; color:#ffffff; text-align:center;}
#Content3 .case_index03 .li_d a.text { display:block; line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
#Content3 .case_index03 .li_d:hover .mor { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#Content3 .case_index03 .li_d:hover a.text{ background:#104492; color:#ffffff;}

@media screen and (max-width:1630px){

}
@media screen and (max-width:1200px){
#Content3 .case_index03 .h3_y{font-size:36px;}
  #Content3 .case_index03 .p_h3{font-size:30px;}
  #Content3 .case_index03 .li_d a.text{line-height:60px; height:60px;}
  #Content3 .case_index03 .more_a{bottom:46%;}
  
}
@media screen and (max-width:1080px) and (max-width:1200px){
	#Content3 .case_index03 .li_d .case_con { height:226px;}
}


#Content4 .about_index04{display:block; width:100%; float:left;}
#Content4 .about_index04 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content4 .about_index04 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content4 .about_index04 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content4 .about_index04 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px; width:86%; content:"";background:#e5e5e5;}
#Content4 .about_index04 .abou_text{width:100%; display:block;}
#Content4 .about_index04 .left{width:40%; float:left;  position:relative; margin-top:40px;background:#104492; height:100%;}
#Content4 .about_index04 .left .span_a{display:block; width:556px; position:relative; left:45px; top:-40px;}
#Content4 .about_index04 .left .span_a img{display:block;}
#Content4 .about_index04 .right{float:right; background:#ffffff; width:50%; margin-left:90px; box-shadow:0 1px 18px 1px rgba(54,62,69,0.6); padding:60px 80px; margin-top:40px; height:440px;
}
#Content4 .about_index04 .right .h4_a{display:block; line-height:26px; font-size:24px; color:#333333; font-weight:bold; width:100%;}
#Content4 .about_index04 .right .p{display:block; margin:25px 0 40px 0; line-height:36px; color:#666666; font-size:16px; width:100%; height:180px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:5;-webkit-box-orient: vertical;}
#Content4 .about_index04 .right .more_a{width:184px; height:44px; background:#363e45; line-height:44px; color:#ffffff; display:block; padding:0 15px; position: relative;}
#Content4 .about_index04 .right .more_a::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content4 .about_index04 .right .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content4 .about_index04 .right .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content4 .about_index04 .right .more_a:hover::after{background:#104492; width:100%; height:100%;}

/*首页服务理念 开始*/
.h_service {width:100%;height:568px;box-sizing:border-box;background:url(../images/h_service_b_02.jpg) no-repeat center;background-size:100% 100%;text-align:center;padding-top:77px;}
.h_service>div.tlt {color:#104492;font-size:30px;height:30px;line-height:30px;font-weight:bold;}
.h_service>p {color:#666666;font-size:18px;line-height:18px;height:18px;margin-top:24px;}
.h_service_content {width:1180px;margin:76px auto 0 auto;}
.h_service_content li {float:left;width:380px;height:264px;margin-left:20px;box-sizing:border-box;padding-left:36px;padding-right:43px;padding-top: 42px;position:relative;}
.h_service_content li div {margin-top: 12px;}
.h_service_content li:first-of-type {margin-left:0;}
.h_service_content p {color: #777;font-size:14px;line-height:22px;text-align:left;width:278px;display:inline-block;vertical-align:text-top;margin-left:8px;}
.h_service_b01 {background:#fff;}
.h_service_b02 {background:#fff;}
.h_service_b03 {background:#fff;}
.service_top {width:202px;height:48px;background-color:#284da0;position:absolute;top:-24px;left:50%;margin-left:-101px;color:#ffffff;font-size:26px;line-height:48px;text-align:center;}
.service_top:before {content:'';width:0;height:0;border:20px solid;border-color:transparent transparent white transparent;position:absolute;right:-26px;bottom:-25px;transform:rotate(-228deg);}
/*首页服务理念 结束*/


/*首页关于我们*/
.index-about {padding-top: 60px;background: #f0f0f0 url(../images/in-abbg.jpg) no-repeat center top;background-color: white;height: 535px;}
.in-cTit {font-size:36px;line-height:1;text-align:center;color:#222;padding-bottom:30px;background:url(../images/in-tit2.png) no-repeat center bottom;}
.index-about .in-cTit {color:#fff;background-image:url(../images/in-tit.png);}
.index-news .in-cTit {background-image:url(../images/in-tit3.png);}
.in-more {margin-top:40px;font-size:0;text-align:center;}
.in-more a {display:inline-block;width:220px;height:56px;background-color:#f6f6f6;border-radius:28px;border:solid 1px #eaeaea;line-height:56px;font-size: 15px;color:#999;transition:0.3s;}
.index-about .in-more a {border:solid 1px rgba(250,250,250,0.3);background-color:rgba(246,246,246,0.3);color:#fff;}
.in-more a:hover {background-color:#305dc3;color:#fff;border-color:#305dc3;}
.index-about .text {width: 1300px;margin:60px auto 0;color:#fff;font-size: 15px;line-height: 30px;}
.inab-main-data {margin-top: 60px;}
.inab-main-data .nums {width: 1300px;margin:auto;transition:0.3s;overflow: hidden;}
.inab-main-data .num {width:294px;height:160px;padding:60px 86px;transition:0.3s;}
.inab-main-data .num:first-child {}
.inab-main-data .num span {font-size:72px;line-height:60px;}
.inab-main-data .num p {left:233px;top:59px;}
.inab-main-data .nums {overflow:hidden;}
.inab-main-data .num {width: 33.3333%;float:left;padding: 25px 45px 25px;height: 187px;color:#fff;position:relative;}
.inab-main-data .num1 {background: #305dc3 url(../images/abicon1.png) no-repeat center 96px;}
.inab-main-data .num2 {background: #2d57b6 url(../images/abicon2.png) no-repeat center 96px;}
.inab-main-data .num3 {background: #294da0 url(../images/abicon3.png) no-repeat center 96px;}
.inab-main-data .num span {font-size: 50px;line-height:1;float:left;letter-spacing:-2px;font-family:Arial;}
.inab-main-data .num span sub {font-size:26px;}
.inab-main-data .num p {font-size: 15px;line-height:24px;position:absolute;left:193px;top: 22px;padding-bottom:12px;background:url(../images/ab-numbg.png) repeat-x left bottom;width:160px;}




#Content5 .news_index05{background:#f0f0f0;padding: 140px 0 60px;display:block;width:100%;/* float:left; */}
#Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content5 .news_index05 .top_rig{position:absolute; right:0; top:4px;}
#Content5 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#363e45; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#Content5 .news_index05 .right{float:right;}
#Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;}
#Content5 .news_index05 .li_a:hover,
#Content5 .news_index05 .li_a.on{background:#104492;}
#Content5 .news_index05 .news_ul{display:block; width:100%;}
#Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;}
#Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;}
#Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
#Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;}
#Content5 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:16px; line-height:18px; position:relative; z-index:2;}
#Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:48px; display:block;padding:0 20px; line-height:40px;}
#Content5 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:""; width:160px; height:0; border-bottom:120px solid #aaa; border-right:78px solid transparent; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

#Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;}
#Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;}
#Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px;color: #999; height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
#Content5 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #104492;}
#Content5 .news_index05 .li_e:hover a{background:#363e45;}
#Content5 .news_index05 .li_e:hover .h4_e, #Content5 .news_index05 .li_e:hover .p_e{color:#ffffff;}


/*底部*/
#Down .footer{width:100%; float:left; display:block;}
#Down .footer .d_footer{width:100%; display:block;}
#Down .d_footer .top_d{background:#272c31; padding-top:40px; display:block; width:100%;}
#Down .d_footer .ul_left{float:left; width:81.5%; margin:0 0 40px;max-height: 200px;overflow: hidden;}
#Down .d_footer .ul_left .li_f{float:left; width:18%; margin-right:2%; padding-right:20px;}
#Down .d_footer .ul_left .h4_a{display:block; line-height:20px; font-size:18px; color:#fff; font-weight:bold; position:relative; padding-bottom:16px;}
#Down .d_footer .ul_left .h4_a .b{position: absolute; display:none; right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #bdbebf; border-right:solid 1px #bdbebf;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#Down .d_footer .ul_left .h4_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;}
#Down .d_footer .ul_left .h4_a::after{width:20px; height:1px; background:#52565a; position:absolute; left:0; bottom:0; content:"";}
#Down .d_footer .ul_left ul{margin-top:20px; display:block;}
#Down .d_footer .ul_left .li{line-height:30px;height: 30px;overflow: hidden;}
#Down .d_footer .ul_left .li a{font-size:14px; color:#bdbebf; display:block;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
#Down .d_footer .ul_left .li:hover a{color:#104492;}
#Down .d_footer .right_d{width:17.5%; float:right;}
#Down .d_footer .top_g{padding-left:42px; width:100%; color:#fff; position:relative;font-size:16px; line-height:24px;} 
#Down .d_footer .top_g .i{width:25px; height:22px; background:url(../images/907_tel_1.png)no-repeat; position:absolute; left:0; top:0;}
#Down .d_footer .top_g .b{font-size:23px; line-height:28px; font-weight:normal;}
#Down .d_footer .bot_g{display:block; width:100%; padding-left:42px; margin-top:10px;}
#Down .d_footer .span_1{float:left; }
#Down .d_footer .span_1 img{ width:100px;}
#Down .d_footer .span_2{float:right; border-top:1px solid #52565a; border-bottom:1px solid #52565a; font-size:14px; line-height:28px; padding:20px 0; margin:10px 0 0 6px; writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/}
#Down .d_footer .ul{margin-top:0; position:relative; display:block; border-top:1px dashed #52565a; width:100%; padding:25px 0;}
#Down .d_footer .h5_a{padding-left:30px; line-height:18px; position:relative; font-size:16px; float:left;color:#bdbebf;}
#Down .d_footer .h5_a .i{width:16px; height:16px; background:url(../images/907_link.png)no-repeat; position: absolute; left:0; top:0;}
#Down .d_footer .ul_a{float:left;width:86%;}
#Down .d_footer .ul_a .li_g{line-height:16px; font-size:14px; float:left; color:#363b41; font-size:14px;}
#Down .d_footer .ul_a .li_g a{ color:#bdbebf; font-size:14px;padding:0 8px; line-height:20px; display:inline-block;}
#Down .d_footer .ul_a .li_g:hover a{color:#104492;}
#Down .d_footer .ul .span{font-size:14px; float:right;}
#Down .d_footer .ul .span a{color:#bdbebf; font-size:14px;}
#Down .bottom_d{background:#104492; padding:15px 0; line-height:26px; width:100%; display:block;}
#Down .bottom_d .span_3{float:left; width:90%; line-height:26px; font-size:14px; color:#a4afc9;}
#Down .bottom_d .span_4{float:right; line-height:24px; color:#a4afc9; font-size:14px;}
#Down .bottom_d .span_4 a{ color:#a4afc9; font-size:14px;}
#Down .bottom_d .span_4:hover a{color:#fff;}
#Down .pf_down{display:none; box-shadow:0 -6px 4px -6px #ccc;}
#Down .bottom_d .span_3 p{ color:#a4afc9;}
#Down .bottom_d .span_3 p span, #Down .bottom_d .span_3 p a { color:#a4afc9;}
#Down .bottom_d .span_3 p a:hover { color:#fff;}
/*右侧漂浮*/
#Down .pf_right{display: none; width:72px; right:30px; position:fixed; top:50%; z-index:999; }
#Down .pf_right ul{ width:100%; float:left;}
#Down .pf_right ul li{ width:72px; height:72px; float:left; margin-bottom:1px;}
#Down .pf_right ul li a{ display:block; float:right; width:72px; height:72px; position:relative;
padding:8px 0; background:#494d52;}
#Down .pf_right ul li a img{ float:left;}
#Down .pf_right ul li a .ico{ width:30px; height:30px; margin:0 auto;}
#Down .pf_right ul li a .i{color:#ffffff; line-height:24px; font-size:16px; display:block; text-align:center; width:100%;}
#Down .pf_right ul li:hover a{background:#203764;}
#Down .pf_right ul li.r_ewm .z_ewm{position:absolute; right:80px;width:100px; height:100px; display:none; top:-12px;border:5px solid #203764;}
#Down .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
#Down .pf_right ul li.r_ewm:hover a .z_ewm{display:block;}
/* 20200413修改开始 */
#Down .pf_right{ top: 35%;}
#Down .pf_right ul li{ position: relative;}
#Down .pf_right ul li .z_dh{ display: none; width: 170px; height: 72px; line-height: 72px; overflow: hidden; text-align: center; position: absolute; top: 0; right: 80px; color: #fff; font-size:18px; background:#203764;} 
#Down .pf_right ul li:hover .z_dh{ display: block;}
/* 20200413修改结束 */
/*留言弹窗*/
#Down .mess-wrapper{width:100%; height:100%; background:rgba(0,0,0,0.5); position: fixed; top: 0; left: 0;  z-index: 99999;
}
#Down .mess-wrapper .mess_width{width:600px; margin:0 auto; position:relative; top:20%;}
#Down .mess-wrapper .top_1{background:#104492; line-height:64px; border-radius:20px 20px 0 0; text-align:center; color:#ffffff; font-size:24px;}
#Down .mess-wrapper .form_width{background:#ffffff; padding:26px 46px 46px; border-radius:0 0 20px 20px;}
#Down .mess-wrapper .h4_1{font-size:16px; color:#666666; padding-bottom:22px; text-align:center;}
#Down .mess-wrapper .li_1{width:100%; margin-bottom:10px;  float:left; background:#efefef; padding:13px 24px; line-height:28px; position:relative;}
#Down .mess-wrapper .input{background:none; border:none; padding:0 5px; outline: none; width:79%; height:28px; line-height:28px;}
#Down .mess-wrapper .input_1{width:40%;}
#Down .mess-wrapper .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Down .mess-wrapper .b{color:#104492; font-size:16px;}
#Down .mess-wrapper .li_2{width:49%; margin-right:2%; float:left;}
#Down .mess-wrapper .li_3{margin-right:0;}
#Down .mess-wrapper .li_4{background:#104492;}
#Down .mess-wrapper .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Down .mess-wrapper .ri{padding-left:100px;}
#Down .mess-wrapper .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Down .mess-wrapper .demo--radio{display:none; }
#Down .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1; position:relative;}
#Down .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2.5px;margin-top:2px;width:5px;position: absolute;}
#Down .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Down .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Down .mess-wrapper .span_d{float:right; position:absolute; right:24px; top:13px;}
#Down .mess-wrapper .span_d img{display:block;}
#Down .mess-wrapper .pointa{position:absolute; right:18px; top:20px; display:block; display: inline-block;width: 22px;height: 22px; cursor: pointer;}
#Down .mess-wrapper .pointa:hover .navbtna,
#Down .mess-wrapper .pointa:hover .navbtna::after,
#Down .mess-wrapper .pointa:hover .navbtna::before {  width: 22px; }
#Down .mess-wrapper .pointa .navbtna {  position: absolute; top: 8px; right: 0; display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Down .mess-wrapper .pointa .navbtna::after, #Down .mess-wrapper .pointa .navbtna::before { position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Down .mess-wrapper .pointa .navbtna::after { top:-8px;}
#Down .mess-wrapper .pointa .navbtna::before { top:8px;}
#Down .mess-wrapper .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Down .mess-wrapper .pointa .navbtna::before { -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Down .visible-lg{display:block!important;}

@media screen and  (max-width:1630px){
#Down .d_footer .right_d{width:18.5%;}
  #Down .d_footer .ul_a{width:86%;}
}
@media screen and  (max-width:1200px){
#Down .d_footer .right_d{width:22.5%;}
  #Down .d_footer .ul_a{width:84%;}
  #Down .d_footer .ul_left{width:77.5%;}
}

/* 内页banner */
#Slide2{ width: 100%; float: left;}
#Slide2 .zy_banner{ line-height: 0;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 内页导航 */
#Content6{ width: 100%; float: left;}
#Content6 .subNav{ text-align: center;}
#Content6 .subNav .u1{ display: inline-block;}
#Content6 .subNav .l1{ float: left; font-size: 16px; height: 48px; line-height: 48px; padding: 0 40px; margin: 5px 10px; background: #363e45;}
#Content6 .subNav .l1 a{ color: #fff;}
#Content6 .subNav .l1.on,#Content6 .subNav .l1:hover{ background: #104492;}
@media  screen and (max-width:1200px){
#Content6 .subNav .l1{ padding: 0 20px;}    
}

/*1关于宏工*/
#Content7 .about_width{width:100%; display:block; float:left;}
#Content7 .about_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content7 .about_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content7 .about_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content7 .about_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content7 .about_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";

}
#Content7 .about_width .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content7 .about_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content7 .about_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
}

/*发展历程*/
#Content8 .deve_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;}
#Content8 .deve_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content8 .deve_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content8 .deve_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content8 .deve_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content8 .deve_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content8 .deve_width .deve_pic{ margin:0 -94px; display:block; }
#Content8 .deve_width .deve_pic .homeGame_s{width:100%; margin:0 auto; position:relative; padding:0 94px;}
#Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{position: absolute; left: 0; top:112px;
 width: 100%; border-bottom:1px dashed #aaaaaa; height: 1px; content: ""; z-index: -1;
}
#Content8 .deve_width .slick-dots{display:none!important;width: 100%;bottom:-20px; font-size: 0; text-align:center;}
#Content8 .deve_width .slick-dots li{width:10px; height: 10px;margin: 0 5px; border-radius: 50%;
  border:1px solid #fff; background:none; background:#d1cfce;
  }
#Content8 .deve_width .slick-dots li.slick-active{ background-color: #104492; border:1px solid #fff;}
#Content8 .deve_width .slick-dots li button:before,
#Content8 .deve_width .slick-dots li button{display:none;}
#Content8 .deve_width .deve_pic .slick-prev,
#Content8 .deve_width .deve_pic .slick-next{width:24px; height:54px; border-radius:15px; background-size:100% 100%;}
#Content8 .deve_width .deve_pic .slick-prev{left:0; top:112px; background:url(../images/911_jt_1.png)no-repeat #c3c3c3;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .slick-next{right:0; top:112px; background:url(../images/911_jt_2.png)no-repeat #c3c3c3;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .slick-prev:hover{background:url(../images/911_jt_1.png)no-repeat #104492;}
#Content8 .deve_width .deve_pic .slick-next:hover{background:url(../images/911_jt_2.png)no-repeat #104492;}
#Content8 .deve_width .deve_pic .slick-slide{margin-right:30px; cursor: pointer; }
#Content8 .deve_width .deve_pic .slick-slide:hover .span_3{
  background:#104492;
}
#Content8 .deve_width .deve_pic .slick-slide:hover .i { border-bottom-color: #104492;}
#Content8 .deve_width .deve_pic .slick-slide:hover .p { color:#fff;}
#Content8 .deve_width .deve_pic .slick-slide:hover .span_1 { -webkit-transform: translateY(10px); transform: translateY(10px);}
#Content8 .deve_width .deve_pic .span_1{width:67px; height:82px; background:url(../images/911_lc.png)no-repeat; margin:0 auto; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:72px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
#Content8 .deve_width .deve_pic .span_2{margin:23px auto; display:block; width:16px; height:16px; background:#fff; border:1px solid #104492; border-radius:50%;}
#Content8 .deve_width .deve_pic .span_3{position:relative; padding:20px 20px 10px; background:#fff; display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
#Content8 .deve_width .deve_pic .i{position: absolute; top: -14px; width: 0; height: 0; border:7px solid transparent; left:50%; margin-left:-7px; border-bottom-color: #ffffff;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
#Content8 .deve_width .deve_pic .p{line-height:24px; color:#333333; min-height:154px; font-size:14px; display:block; width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
@media screen and  (max-width:1630px){
#Content8 .deve_width .deve_pic{margin:0 -10px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;}
}
@media screen and  (max-width:1200px){
#Content8 .deve_width{padding:80px 0 60px;}
  #Content8 .deve_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content8 .deve_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
  #Content8 .deve_width .deve_pic{margin:0 -20px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;}
}

/*企业文化*/
#Content9 .cor_width{width:100%; display:block; float:left; }
#Content9 .cor_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content9 .cor_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content9 .cor_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content9 .cor_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content9 .cor_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content9 .cor_width .cor_list{width:100%; display:block;}
#Content9 .cor_width .li_a{width:23.5%; margin-right:2%; float:left;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content9 .cor_width .li_a:last-child{margin-right:0;}
#Content9 .cor_width .li_a a{dispaly:block; width:100%; height:100%; text-align:center;}
#Content9 .cor_width .li_a .img_1{width:100%; margin-bottom:16px;}
#Content9 .cor_width .li_a img{display:block;}
#Content9 .cor_width .li_a .h3_a{font-size:20px; margin-bottom:10px; line-height:30px; font-weight:bold; colro:#333333; display:block;}
#Content9 .cor_width .li_a .p{line-height:22px; color:#666666; font-size:14px; display:block;}
#Content9 .cor_width .li_a:hover{-webkit-transform: translateY(-10px);
          transform: translateY(-10px);}
#Content9 .cor_width .li_a:hover .p{color:#104492;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content9 .cor_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content9 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
}

/*组织架构*/
#Content10 .org_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;}
#Content10 .org_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content10 .org_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content10 .org_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content10 .org_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content10 .org_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content10 .org_width .org_pic{width:100%;display:block;}
#Content10 .org_width .top_a1{text-align:center; width:120px; height:120px; position:relative;
  padding:40px 0; display:block; background:#104492; border-radius:50%; margin:0 auto;
}
#Content10 .org_width .top_a1::after{position:absolute; left:50%; margin-left:-1px;
 bottom:-25px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a1 .b{color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;}
#Content10 .org_width .top_a2{padding-top:37px; display:block; width:100%; overflow: hidden;}
#Content10 .org_width .top_a2 .ul_a{width:100%; display:block; overflow: hidden; position:relative;}
#Content10 .org_width .top_a2 .ul_a::before,
#Content10 .org_width .top_a2 .ul_a::after{ content: "";width: 25%; position: absolute;
    height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9;
}
#Content10 .org_width .top_a2 .ul_a::after{right:0!important; left:auto;}
#Content10 .org_width .top_a2 .li_a{width:50%; border-top: 1px solid #afafaf;position: relative;
    text-align: center; float:left;
}
#Content10 .org_width .top_a2 .li_a::before{ position:absolute; left:50%; margin-left:-1px;
  top:0px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .li_a .h3_a{width:80px; height:80px; margin:20px auto; text-align:center;
background:#104492; border-radius:50%; padding:20px 0; position:relative; color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;
}
#Content10 .org_width .top_a2 .li_a .h3_a::after{position:absolute; left:50%; margin-left:-1px;
  bottom:-20px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .ul_b{display: inline-block;position: relative;}
#Content10 .org_width .top_a2 .ul_b::before,
#Content10 .org_width .top_a2 .ul_b::after{ content: "";width:50px; position: absolute;
    height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9;
}
#Content10 .org_width .top_a2 .ul_b::after{right:0!important; left:auto;}
#Content10 .org_width .top_a2 .li_b{width:100px; border-top: 1px solid #afafaf;position: relative; 
    text-align: center; float:left; padding:25px 27.5px 0;
}
#Content10 .org_width .top_a2 .li_b .span_a{background:#363e45; display:block; min-height:192px;
 width:45px; padding:15px;line-height:20px; font-size:16px; color:#ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content10 .org_width .top_a2 .li_b::before{ position:absolute; left:50%; margin-left:-1px;
  top:0; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .li_b:hover .span_a{background:#104492;}
@media screen and  (max-width:1630px){
#Content10 .org_width{padding:90px 0 80px;}
}
@media screen and  (max-width:1200px){
#Content10 .org_width{padding:70px 0 50px;}
  #Content10 .org_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content10 .org_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
  #Content10 .org_width .org_pic{width:100%;}
  #Content10 .org_width .top_a2 .li_b{padding:25px 20px 0; width:86px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:43px;}
}

/*产品中心*/
#List .pro_list{width:100%; display:block; float:left;}
#List .pro_list .pro_left{width:21.754%; float:left;}
#List .pro_list .pro_left .top_a{width:100%; background:url(../images/914_cp_bg1.png)no-repeat #104492; 
  border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px;
}
#List .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;}
#List .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;}
#List .pro_list .bottom_a{dispaly:block; width:100%;}
#List .pro_list .bottom_a .h4_a{display:none;}
#List .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; }
#List .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; 
  position:relative; font-size:18px; color:#ffffff; cursor: pointer;
}
#List .pro_list .bottom_a .li_a .h5_a .b{position: absolute;
    left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff;
    border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#List .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#List .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px;
 border:1px solid #dadada; border-top:none; border-bottom:none;
}
#List .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;}
#List .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; 
  color:#333333; font-size:16px;
}
#List .pro_list .bottom_a .li_a .li_b:last-child{border:none;}
#List .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;}
#List .pro_list .pro_right{float:right; width:74%;}
#List .pro_list .pro_right .pro_ul{width:100%; display:block;}
#List .pro_list .pro_right .li_c{width:31.3333%; float:left; margin:0 3% 4% 0; padding-bottom:20px;}
#List .pro_list .li_c:nth-child(3n){margin-right:0;}
#List .pro_list .li_c a{width:100%; display:block;position:relative; 
  padding:0 0 50px; background:#f0f0f0; border:1px solid #f0f0f0; height:100%;transition:all 0.5s ease;}
#List .pro_list .li_c .pic{display:block; overflow: hidden;}
#List .pro_list .li_c img{display:block;transition:all 0.5s ease;}
#List .pro_list .li_c .h4_b{display:block; padding:16px 20px 0; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease; 
}
#List .pro_list .li_c .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;
 display:block; width:100%;transition:all 0.5s ease; padding:0 20px;}
#List .pro_list .li_c .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; 
  border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; 
  color:#b3b3b3; font-size:14px; border-radius:50%;transition:all 0.5s ease;
}
#List .pro_list .li_c:hover a{background:#363e45;}
#List .pro_list .li_c:hover .h4_b,
#List .pro_list .li_c:hover .p_b,
#List .pro_list .li_c:hover .more{color:#ffffff;}
#List .pro_list .li_c:hover .more{border:4px solid #104492; background:#104492;}
#List .pro_list .li_c:hover img{
 -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*分页*/
#List{ width: 100%; float: left;}
#List .wack1{ text-align: center;}
#List .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;}
#List .pz_fy a:hover,
#List .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;}
#List .pz_fy .l2{ width: 100px; height: 36px;}
#List .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;}
#List .pz_fy .r2{ width: 100px; height: 36px;}
#List .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;}
@media  screen and (max-width:1023px){
#List .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#List .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
#List .fy_pc span{ padding:5px 20px; color:#272727;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#List .pro_list .pro_left .top_a{padding:25px 18px; height:102px;}
  #List .pro_list .bottom_a .li_a .li_b{padding:12px 10px;}
  #List .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;}
}

/*产品详情页*/
/*产品中心*/
#Subpage .pro_list{width:100%; display:block; float:left;}
#Subpage .pro_list .pro_left{width:21.754%; float:left;}
#Subpage .pro_list .pro_left .top_a{width:100%; background:url(../images/915_cp_bg1.png)no-repeat #104492; 
  border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px;
}
#Subpage .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;}
#Subpage .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;}
#Subpage .pro_list .bottom_a{dispaly:block; width:100%;}
#Subpage .pro_list .bottom_a .h4_a{display:none;}
#Subpage .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; }
#Subpage .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; 
  position:relative; font-size:18px; color:#ffffff; cursor: pointer;
}
#Subpage .pro_list .bottom_a .li_a .h5_a .b{position: absolute;
    left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff;
    border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Subpage .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#Subpage .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px;
 border:1px solid #dadada; border-top:none; border-bottom:none;
}
#Subpage .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;}
#Subpage .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; 
  color:#333333; font-size:16px;
}
#Subpage .pro_list .bottom_a .li_a .li_b:last-child{border:none;}
#Subpage .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;}
#Subpage .pro_list .pro_right{float:right; width:74%;}
#Subpage .pro_pic{width:100%; display:block;}
#Subpage .pro_pic .top_c{text-align:center;}
#Subpage .pro_pic .h4_title{text-align:center; color:#333333; display:block; line-height:36px; font-size:30px;}
#Subpage .pro_pic .pro_span{color:#888888; display:inline-block; font-size:14px; line-height:22px; text-align:center; padding-top:10px;}
#Subpage .pro_pic .pro_span .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;}
#Subpage .pro_pic .pro_span .wz{ float: left; margin-right: 20px;}
#Subpage .pro_pic .pro_span .i img{vertical-align:middle; margin-right:5px;}
#Subpage .pro_pic .text{color:#666666; font-size:14px; line-height:30px; padding:20px 0; 
  border-top:1px dashed #b2b2b2; margin:26px 0 20px;
}
#Subpage .pro_pic .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;}
#Subpage .pro_pic .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;}
#Subpage .pro_pic .bdsharebuttonbox a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; }
#Subpage .pro_pic .bdsharebuttonbox .bds_weixin{background:url(../images/915_share_wx.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_sqq{background:url(../images/915_share_qq.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_qzone{background:url(../images/915_share_kj.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tsina{background:url(../images/915_share_wb.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tqq{background:url(../images/915_share_txwb.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tt{background:url(../images/915_cpxq_im8.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .fy_xq{margin:20px auto; width:100%; background:#f7f7f7; padding:15px 18px;}
#Subpage .pro_pic .fy_xq a{width:49%; text-align:left; line-height:18px; color:#333333; font-size:14px;}
#Subpage .pro_pic .fy_xq .left{float:left; text-align:left;}
#Subpage .pro_pic .fy_xq .right{text-align:right; float:right;}
#Subpage .pro_pic .fy_xq a:hover{color:#104492;}
#Subpage .pro_pic .caseConAl{padding-top:20px;}
#Subpage .pro_pic .caseConAl .tit{ width: 100%; overflow: hidden;}
#Subpage .pro_pic .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;}
#Subpage .pro_pic .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage .pro_pic .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/915_fh.png) no-repeat left center;}
#Subpage .pro_pic .caseConAl .tit .fh:hover{ text-decoration: underline;}
#Subpage .pro_pic .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage .pro_pic .list{margin:0 -63px; display:block; padding-top:30px; overflow: hidden;}
#Subpage .pro_pic .list .list_ul{display:block; padding:0 63px; width:100%; }
#Subpage .pro_pic .list .slick-list{position: relative;}
#Subpage .pro_pic .list .slick-slide{margin:0 15px; background:#f0f0f0; border:1px solid #f0f0f0;}
#Subpage .pro_pic .list .slick-slide:hover img{
-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}
#Subpage .pro_pic .list .slick-slide:hover .h4_b a{color:#104492;}
#Subpage .pro_pic .list .slick-prev,
#Subpage .pro_pic .list .slick-next{width:34px; height:34px; display:block; border-radius:50%; margin-top:-17px;}
#Subpage .pro_pic .list .slick-prev{background:url(../images/915_left_a1.png)no-repeat #f0f0f0;
 background-size:100% 100%; left:0;}
#Subpage .pro_pic .list .slick-next{background:url(../images/915_right_a1.png)no-repeat #f0f0f0;
 background-size:100% 100%; right:0;}
#Subpage .pro_pic .list .slick-prev:hover{background:url(../images/915_left_b1.png)no-repeat rgba(16,68,146,0.6);
 background-size:100% 100%;}
#Subpage .pro_pic .list .slick-next:hover{background:url(../images/915_right_b1.png)no-repeat rgba(16,68,146,0.6);
 background-size:100% 100%;}
#Subpage .pro_pic .list .pic{width:100%; overflow: hidden;}
#Subpage .pro_pic .list .pic img{display:block;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;
}
#Subpage .pro_pic .list .h4_b{padding:20px 10px; color:#333333; font-size:18px; line-height:22px; 
  display:block; text-align:center;}
#Subpage .pro_pic .list .h4_b a{color:#333333; font-size:18px;}
@media screen and  (max-width:1630px){
#Subpage .pro_pic .list{margin:0 -5px;}
  #Subpage .pro_pic .list .slick-slide{margin-right:20px;}
  #Subpage .pro_pic .list .list_ul{padding:0 50px; }
}
@media screen and  (max-width:1200px){
#Subpage .pro_list .pro_left .top_a{padding:25px 18px; height:102px;}
  #Subpage .pro_list .bottom_a .li_a .li_b{padding:12px 10px;}
  #Subpage .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;}
}

/* 4工程案例 */
#List2 .caseList .u1{width:102%; margin: 0 -1%;}
#List2 .caseList .l1{float:left; width:31.3%; margin: 15px 1%; background:#ffffff;}
#List2 .caseList .l1 a{display:block; width:100%; height:100%;}
#List2 .caseList .l1 .pic{position:relative; }
#List2 .caseList .l1 img{display:block;}
#List2 .caseList .l1 .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#List2 .caseList .l1 .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:14px; border-radius:50%; color:#ffffff; text-align:center;
}
#List2 .caseList .l1 .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; background: #f3f3f3; color:#333333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
#List2 .caseList .l1:hover .mor{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#List2 .caseList .l1:hover .text{background:#104492; color:#ffffff;}
@media  screen and (max-width:1023px){
#List2 .caseList .l1{ width: 48%; margin: 5px 1%;}
#List2 .caseList .l1 .text{line-height:44px; height:44px; font-size:14px;}
#List2 .caseList .l1 .i{width:46px; height:46px; line-height:46px;}
}

@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 页码 */
#Pagination{ width: 100%; float: left;}
#Pagination .wack1{ text-align: center;}
#Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#Pagination .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;}
#Pagination .pz_fy a:hover,
#Pagination .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;}
#Pagination .pz_fy .l2{ width: 100px; height: 36px;}
#Pagination .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;}
#Pagination .pz_fy .r2{ width: 100px; height: 36px;}
#Pagination .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;}
@media  screen and (max-width:1023px){
#Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#Pagination .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
#Pagination .fy_pc span{ padding:5px 20px; color:#272727;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 5案例详情 */
#Subpage2{ width: 100%; float: left;}
#Subpage2 .caseCon .title{ font-size: 30px; line-height: 32px; color: #333; text-align: center;}
#Subpage2 .caseCon .time{ width: 100%; overflow: hidden; position: relative; line-height: 28px; font-size: 14px; margin: 15px 0 18px 0; color: #888888; text-align: center;}
#Subpage2 .caseCon .time .fbt{ display: inline-block;}
#Subpage2 .caseCon .time .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;}
#Subpage2 .caseCon .time .wz{ float: left; margin-right: 20px;}
#Subpage2 .caseCon .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;}
#Subpage2 .caseCon .nyfx { position: absolute; right: 0; top: 0;}
#Subpage2 .caseCon .nyfx .p{ float: left;}
#Subpage2 .caseCon .bdsharebuttonbox{ display: inline-block;}
#Subpage2 .caseCon .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(1){ background: url(../images/918_fx1.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(2){ background: url(../images/918_fx2.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(3){ background: url(../images/918_fx3.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(4){ background: url(../images/918_fx4.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(5){ background: url(../images/918_fx5.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(6){ background: url(../images/918_fx6.png) no-repeat center;}
#Subpage2 .caseCon .home_res11{ float: left; width: 100%;}
#Subpage2 .caseCon .slick_res1l{ float: left; width: 74.3%;}
#Subpage2 .caseCon .home_res12{ float: right; width: 23.5%; padding-top: 40px; overflow: hidden; position: relative;}
#Subpage2 .caseCon .home_res12 .imgk{ line-height: 0; margin-bottom: 20px; border: 0;}
#Subpage2 .caseCon .home_res12 .imgk:hover,#Subpage2 .caseCon .home_res12 .slick-current .imgk{ border: 4px solid #104492;}
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 128px; height: 23px; position: absolute; top: -30px; z-index: 9;}
#Subpage2 .caseCon .home_res12 .slick-prev{ left: auto; right: 160px; background-color: #e7e7e7;}
#Subpage2 .caseCon .home_res12 .slick-prev::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 10px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(-45deg);}
#Subpage2 .caseCon .home_res12 .slick-next{ left: auto; right: 0; background-color: #e7e7e7;}
#Subpage2 .caseCon .home_res12 .slick-next::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 5px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(135deg);}
#Subpage2 .caseCon .home_res12 .slick-prev:hover{ background: #104492;}
#Subpage2 .caseCon .home_res12 .slick-prev:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;}
#Subpage2 .caseCon .home_res12 .slick-next:hover{ background: #104492;}
#Subpage2 .caseCon .home_res12 .slick-next:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;}

#Subpage2 .caseCon .caseConJs{ margin: 60px 0;}
#Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 15px;}
#Subpage2 .caseCon .caseConJs .tit span{ font-size: 24px; padding-right: 20px; background: #fff;}
#Subpage2 .caseCon .caseConJs .info{ font-size: 16px; margin-top: 40px; line-height: 30px; color: #555;}

#Subpage2 .caseCon .caseConAl .tit{ width: 100%; overflow: hidden;}
#Subpage2 .caseCon .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;}
#Subpage2 .caseCon .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage2 .caseCon .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/918_fh.png) no-repeat left center;}
#Subpage2 .caseCon .caseConAl .tit .fh:hover{ text-decoration: underline;}
#Subpage2 .caseCon .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage2 .caseCon .caseConAl .tab{ margin: 30px -15px 0 -15px; position: relative;}
#Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 15px;}
#Subpage2 .caseCon .caseConAl .tab .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage2 .caseCon .caseConAl .tab .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage2 .caseCon .caseConAl .tab .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage2 .caseCon .caseConAl .tab .t1{ font: 18px; height: 64px; line-height: 64px; text-align: center; color: #333; background: #f3f3f3; overflow: hidden;}
#Subpage2 .caseCon .caseConAl .tab .pic:hover .t1{ color: #104492;}
#Subpage2 .caseCon .caseConAl .slick-prev{ display: block; width: 34px; height: 34px; position: absolute; left: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon8.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;}
#Subpage2 .caseCon .caseConAl .slick-prev:hover{ background: url(../images/918_casecon8_1.png) no-repeat center; background-color: #b7c7de;}
#Subpage2 .caseCon .caseConAl .slick-next{ display: block; width: 34px; height: 34px; position: absolute; right: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon9.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;}
#Subpage2 .caseCon .caseConAl .slick-next:hover{ background: url(../images/918_casecon9_1.png) no-repeat center; background-color: #b7c7de;}
@media  screen and (max-width:1200px){
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100px; height: 23px;}
#Subpage2 .caseCon .home_res12 .slick-prev{ right: 130px;}

}
@media  screen and (max-width:1023px){
#Subpage2 .caseCon .title{ font-size: 16px; line-height: 18px;}
#Subpage2 .caseCon .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;}
#Subpage2 .caseCon .time .ico{ margin: 0 3px 0 0;}
#Subpage2 .caseCon .time .wz{ margin-right: 5px;}
#Subpage2 .caseCon .home_res12 .imgk{ margin-bottom: 10px;}
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100%; height: 16px;}
#Subpage2 .caseCon .home_res12 .slick-prev{ right: 0; top: -32px;}
#Subpage2 .caseCon .home_res12 .slick-next{ right: 0; top: -14px;}
#Subpage2 .caseCon .home_res12 .slick-prev::before{ top: 7px;}
#Subpage2 .caseCon .home_res12 .slick-next::before{ top: 0;}

#Subpage2 .caseCon .caseConJs{ margin: 15px 0;}
#Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 8px;}
#Subpage2 .caseCon .caseConJs .tit span{ font-size: 16px; padding-right: 10px;}
#Subpage2 .caseCon .caseConJs .info{ font-size: 14px; margin-top: 10px; line-height: 24px;}

#Subpage2 .caseCon .caseConAl .tit .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage2 .caseCon .caseConAl .tit .t1::before{ width: 65px;}
#Subpage2 .caseCon .caseConAl .tit .fh{ font-size: 14px; padding-left: 25px;}   
#Subpage2 .caseCon .caseConAl .tab{ margin: 10px -5px 0 -5px;}
#Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 5px;}
#Subpage2 .caseCon .caseConAl .tab .t1{ font: 16px; height: 30px; line-height: 30px;} 
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 6新闻列表 */
#List3{ width: 100%; float: left;}
#List3 .newsList .l1{ padding: 30px 0; width: 100%; border-bottom: 1px solid #ededed; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img{ float: left; width: 21.15%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List3 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List3 .newsList .l1 .text{ float: left; border-right: 1px solid #ededed; width: 65%; padding: 30px 55px 25px 40px;}
#List3 .newsList .l1 .text .tit{ font-size: 20px; margin-bottom: 20px; line-height: 20px; height: 20px; overflow: hidden; color: #4f4b4c;}
#List3 .newsList .l1 .text .info{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #656262;}
#List3 .newsList .l1 .date{ float: left; width: 13.85%; font-family: "Arial"; padding: 45px 0 0 40px;}
#List3 .newsList .l1 .date .date_r{ font-size: 28px; line-height: 28px; color: #888;}
#List3 .newsList .l1 .date .date_ny{ font-size: 16px; line-height: 16px; margin: 10px 0 20px 0; color: #888;}
#List3 .newsList .l1 .date .ico{ font-size: 34px; height: 14px; line-height: 14px; font-weight: lighter; color: #888;}
#List3 .newsList .l1:hover{ padding-left: 2%;}
#List3 .newsList .l1:hover .text .tit{ text-decoration: underline; color: #104492;}
#List3 .newsList .l1:hover .date{ width: 9.35%;}
#List3 .newsList .l1:hover .text{ width: 68.5%;}
#List3 .newsList .l1:hover .date .ico{ color: #104492;}
@media  screen and (max-width:1023px){
#List3 .newsList .l1{ padding: 10px 0;}
#List3 .newsList .l1 .img{ width: 26.15%;}
#List3 .newsList .l1 .text{ width: 55%; padding: 0 10px 5px 10px;}
#List3 .newsList .l1 .text .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-bottom: 10px;}
#List3 .newsList .l1 .text .info{ line-height: 16px; height: 32px;}
#List3 .newsList .l1 .date{ width: 18.85%; padding: 5px 0 0 8px;}
#List3 .newsList .l1 .date .date_r{ font-size: 16px; line-height: 16px;}
#List3 .newsList .l1 .date .date_ny{ font-size: 12px; line-height: 12px; margin: 5px 0 8px 0;}
#List3 .newsList .l1 .date .ico{ width: 24px; height: 12px; font-size: 22px;}
#List3 .newsList .l1:hover .text{ width: 58.5%;}
#List3 .newsList .l1:hover .date{ width: 13.35%;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 7新闻详情 */
#Subpage3{ width: 100%; float: left;}
#Subpage3 .newsCon{ width: 100%; float: left;}
#Subpage3 .newsConLeft{ float: left; width: 68.2%;}
#Subpage3 .newsConLeft .tit{ font-size: 30px; line-height: 32px; color: #333;}
#Subpage3 .newsConLeft .time{ width: 100%; overflow: hidden; line-height: 18px; font-size: 14px; margin: 15px 0 18px 0; color: #888888;}
#Subpage3 .newsConLeft .time .ico{ display: block; float: left; width: 18px; height: 18px; margin-right: 8px;}
#Subpage3 .newsConLeft .time .wz{ float: left; margin-right: 20px;}
#Subpage3 .newsConLeft .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;}
#Subpage3 .newsConLeft .info{ font-size: 14px; line-height: 30px; margin: 30px 0 40px 0; color: #666;}

#Subpage3 .newsConLeft .zan{ display: block; margin: 0 auto; width: 62px; height: 62px; border-radius: 50%; text-align: center; border: 1px solid #104492;}
#Subpage3 .newsConLeft .zan:hover{transform: translateY(-10px)}
#Subpage3 .newsConLeft .zan .ico{ width: 26px; height: 26px; margin: 8px auto 4px auto; line-height: 0;}
#Subpage3 .newsConLeft .zan .ico I{ font-size: 26px; line-height: 26px; color: #104492;}
#Subpage3 .newsConLeft .zan .wz{ font-size: 12px; color: #104492;}
#Subpage3 .newsConLeft .nyfx{ text-align: center; margin: 30px 0 15px 0;}
#Subpage3 .newsConLeft .bdsharebuttonbox{ display: inline-block;}
#Subpage3 .newsConLeft .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(1){ background: url(../images/920_fx1.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(2){ background: url(../images/920_fx2.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(3){ background: url(../images/920_fx3.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(4){ background: url(../images/920_fx4.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(5){ background: url(../images/920_fx5.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(6){ background: url(../images/920_fx6.png) no-repeat center;}

#Subpage3 .newsConLeft .sx_fy{ float: left; width: 100%; font-size: 14px; line-height: 16px; padding: 20px 0 70px 0; border-top: 1px dashed #cccccc;}
#Subpage3 .newsConLeft .sx_fy a{ color: #333;}
#Subpage3 .newsConLeft .sx_fy a:hover{ color: #104492;}
#Subpage3 .newsConLeft .sx_fy .l_fy{ width: 50%; float: left;}
#Subpage3 .newsConLeft .sx_fy .r_fy{ width: 50%; float: right; text-align: right;}

#Subpage3 .newsConLeft .newsXg .title{ width: 100%; overflow: hidden;}
#Subpage3 .newsConLeft .newsXg .title .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;}
#Subpage3 .newsConLeft .newsXg .title .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage3 .newsConLeft .newsXg .title .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/920_fh.png) no-repeat left center;}
#Subpage3 .newsConLeft .newsXg .title .fh:hover{ text-decoration: underline;}
#Subpage3 .newsConLeft .newsXg .title .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage3 .newsConLeft .newsXg .u1{ overflow: hidden; width: 102%; margin: 10px -1% 0 -1%;}
#Subpage3 .newsConLeft .newsXg .u1 .l1{ float: left; overflow: hidden; width: 48%; line-height: 18px; padding: 15px 0; overflow: hidden; margin: 0 1%; border-bottom: 1px dotted #cccccc;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ width: 100%; float: left; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #333333;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ width: 20%; float: right; text-align: right; font-size: 16px; color: #777777;}
#Subpage3 .newsConLeft .newsXg .u1 .l1:hover .tit{ color: #104492;}

#Subpage3 .newsConRight{ float: right; width: 29%;}
#Subpage3 .newsConRight .pic .slick-dots{ position: absolute; bottom: 10px; z-index: 10; height: 10px; text-align: center;}
#Subpage3 .newsConRight .pic .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #b5c1d6; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
#Subpage3 .newsConRight .pic .slick-dots .slick-active{ background: #104492;}
#Subpage3 .newsConRight .pic .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage3 .newsConRight .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage3 .newsConRight .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

#Subpage3 .newsConRight .tab{ margin: 20px 0; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0 5px 5px -5px #ccc; overflow: hidden;} 
#Subpage3 .newsConRight .tab .hd{ width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;}
#Subpage3 .newsConRight .tab .hd .l1{ float: left; width: 50%; font-size: 18px; height: 50px; line-height: 50px; cursor: pointer; color: #333; text-align: center;}
#Subpage3 .newsConRight .tab .hd .l1.on{ color: #fff; background: #104492;}
#Subpage3 .newsConRight .tab .bd{ padding: 0 0 30px 0;}
#Subpage3 .newsConRight .tab .bd .l1{ padding: 20px 20px 0 20px;}
#Subpage3 .newsConRight .tab .bd .l1:hover{ background: #fafafa;}
#Subpage3 .newsConRight .tab .bd .tit{ font-size: 16px; line-height: 18px; color: #333;}
#Subpage3 .newsConRight .tab .bd .time{ width: 100%; overflow: hidden; line-height: 14px; font-size: 14px; margin: 15px 0 0 0; color: #888888;}
#Subpage3 .newsConRight .tab .bd .time .ico{ display: block; float: left; width: 14px; height: 14px; margin-right: 8px;}
#Subpage3 .newsConRight .tab .bd .time .wz{ float: left; margin-right: 20px;}
#Subpage3 .newsConRight .tab .bd .l1 .xian{ width: 98%; margin: 0 1%; height: 1px; margin-top: 20px; background: #f1f3f4;}

#Subpage3 .newsConRight .mess{ padding: 20px 30px; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0px 5px 5px -5px #ccc;}
#Subpage3 .newsConRight .mess .tit{ font-size: 18px; margin-bottom: 20px; color: #104492;}
#Subpage3 .newsConRight .mess .li_1{width: 100%; margin-bottom:10px;  float:left; background:#efefef; padding:13px; line-height:28px; position:relative;}
#Subpage3 .newsConRight .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;font-size:14px;}
#Subpage3 .newsConRight .mess .input_1{width:40%;}
#Subpage3 .newsConRight .mess .input_2{width:50%;}
#Subpage3 .newsConRight .mess .i{ font-size:16px; color:#666666; line-height:28px;}
#Subpage3 .newsConRight .mess .b{color:#104492; font-size:16px;}
#Subpage3 .newsConRight .mess .li_2{width:100%; float:left;}
#Subpage3 .newsConRight .mess .li_3{margin-right:0;}
#Subpage3 .newsConRight .mess .li_4{background:#104492;}
#Subpage3 .newsConRight .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Subpage3 .newsConRight .mess .ri{width: 100%; margin-top: 10px;}
#Subpage3 .newsConRight .mess .demo--label{float:left; margin:0 30px 0 5px; font-size:16px; color:#666666;}
#Subpage3 .newsConRight .mess .demo--radio{display:none; }
#Subpage3 .newsConRight .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Subpage3 .newsConRight .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Subpage3 .newsConRight .mess .span_d{float:right; position:absolute; right:13px; top:16px;}
#Subpage3 .newsConRight .mess .span_d img{display:block; height:26px;}
#Subpage3 .newsConRight .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Subpage3 .newsConRight .mess .pointa:hover .navbtna,
#Subpage3 .newsConRight .mess .pointa:hover .navbtna::after,
#Subpage3 .newsConRight .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Subpage3 .newsConRight .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Subpage3 .newsConRight .mess .pointa .navbtna::after,
#Subpage3 .newsConRight .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Subpage3 .newsConRight .mess .pointa .navbtna::after { top:-8px; }
#Subpage3 .newsConRight .mess .pointa .navbtna::before { top:8px; }
#Subpage3 .newsConRight .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Subpage3 .newsConRight .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}

@media  screen and (max-width:1023px){
#Subpage3 .newsConLeft{ width: 100%;}
#Subpage3 .newsConLeft .tit{ font-size: 16px; line-height: 18px;}
#Subpage3 .newsConLeft .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;}
#Subpage3 .newsConLeft .time .ico{ width: 16px; height: 16px; margin-right: 3px;}
#Subpage3 .newsConLeft .time .wz{ margin-right: 5px;}
#Subpage3 .newsConLeft .info{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;}

#Subpage3 .newsConLeft .sx_fy{ font-size: 12px; line-height: 18px; padding: 10px 0 20px 0; margin-top: 10px;}
#Subpage3 .newsConLeft .sx_fy .l_fy{ width: 100%;}
#Subpage3 .newsConLeft .sx_fy .r_fy{ width: 100%; text-align: left;}

#Subpage3 .newsConLeft .newsXg .title .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage3 .newsConLeft .newsXg .title .t1::before{ width: 65px;}
#Subpage3 .newsConLeft .newsXg .title .fh{ font-size: 14px; padding-left: 25px;}
#Subpage3 .newsConLeft .newsXg .u1{ width: 100%; margin: 10px 0 0 0;}
#Subpage3 .newsConLeft .newsXg .u1 .l1{ width: 100%; line-height: 18px; padding: 5px 0; margin: 0;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ font-size: 12px; line-height: 18px; height: 18px;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ font-size: 12px;}

#Subpage3 .newsConRight{ width: 100%; margin-top: 15px;}
#Subpage3 .newsConRight .tab{ margin: 10px 0; border-radius: 5px;} 
#Subpage3 .newsConRight .tab .hd .l1{ font-size: 16px; height: 30px; line-height: 30px;}
#Subpage3 .newsConRight .tab .bd{ padding: 0 0 10px 0;}
#Subpage3 .newsConRight .tab .bd .l1{ padding: 10px 10px 0 10px;}
#Subpage3 .newsConRight .tab .bd .tit{ font-size: 14px; line-height: 16px;}
#Subpage3 .newsConRight .tab .bd .time{ line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
#Subpage3 .newsConRight .tab .bd .time .wz{ margin-right: 5px;}
#Subpage3 .newsConRight .tab .bd .l1 .xian{ margin-top: 10px;}

#Subpage3 .newsConRight .mess{ padding: 10px 15px; border-radius: 5px;}
#Subpage3 .newsConRight .mess .tit{ font-size: 16px; margin-bottom: 10px;}
#Subpage3 .newsConRight .mess .mess_width{width:90%; top:10%;}
#Subpage3 .newsConRight .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Subpage3 .newsConRight .mess .pointa{right:12px; top:10px;}
#Subpage3 .newsConRight .mess .form_width{border-radius: 0 0 15px 15px;}
#Subpage3 .newsConRight .mess .h4_1{font-size:14px; padding-bottom:15px;}
#Subpage3 .newsConRight .mess .li_2{width:100%;}
#Subpage3 .newsConRight .mess .li_1{padding:10px 15px; line-height:24px;}
#Subpage3 .newsConRight .mess .i{line-height:24px; font-size:14px;}
#Subpage3 .newsConRight .mess .input{line-height:24px; height:24px;font-size:14px;}
#Subpage3 .newsConRight .mess .li_11 .input{width:60%;}
#Subpage3 .newsConRight .mess .ri{margin-top: 5px;}
#Subpage3 .newsConRight .mess .demo--label{font-size:14px;}
#Subpage3 .newsConRight .mess .span_d{/*width:70px;*/ right:10px; top:10px;}
#Subpage3 .newsConRight .mess .tj{font-size:15px;}
#Subpage3 .newsConRight .mess .li_4{padding:8px 10px;}
}

@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 8常见问题 */
#List4{ width: 100%; float: left;}
#List4 .qustList .l1{ margin: 20px 0;}
#List4 .qustList .l1 .ico{ font-size: 12px; width: 26px; margin: 0 0 0 20px; height: 26px; line-height: 26px; font-family: "Tahoma"; text-align: center; float: left; color: #fff;}
#List4 .qustList .l1 .tit{ font-size: 16px; color: #333; line-height: 26px; padding: 15px 20px 15px 0; background: #f4f4f4; position: relative; cursor: pointer;}
#List4 .qustList .l1 .tit .ico{ background: #8f9499;}
#List4 .qustList .l1 .tit .t1{ padding: 0 20px 0 60px;}
#List4 .qustList .l1 .tit .more{ position: absolute; right: 20px; top: 15px; font-size: 18px; color: #104492; font-family: "宋体";}
#List4 .qustList .l1 .tit.on{ background: #104492; color: #fff;}
#List4 .qustList .l1 .tit.on .ico{ background:rgba(255,255,255,0.2);}
#List4 .qustList .l1 .tit.on .more{ color: #fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} 
#List4 .qustList .l1 .box{ display: none; background: #f4f4f4; padding: 15px 20px 15px 0;}
#List4 .qustList .l1 .box .ico{ background: #104492;}
#List4 .qustList .l1 .box .info{ font-size: 14px; line-height: 26px; color: #104492; padding: 0 20px 0 60px;}
@media  screen and (max-width:1023px){
#List4 .qustList .l1{ margin: 10px 0;}
#List4 .qustList .l1 .tit{ font-size: 14px;}
#List4 .qustList .l1 .box .info{ font-size: 12px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 10人才招聘 */
#Content11{ width: 100%; float: left;}
#Content11 .joinList .u1{ border-top: 1px solid #e3e3e3;}
#Content11 .joinList .l1{ border-bottom: 1px solid #e3e3e3;}
#Content11 .joinList .l1 .tit{ padding: 25px 105px 25px 20px; cursor: pointer; position: relative;}
#Content11 .joinList .l1 .tit .t1{ color: #242424; font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight: bold;}
#Content11 .joinList .l1 .tit .t2{ color: #5c5c5c; font-size: 16px; line-height: 16px;}
#Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 70px;}
#Content11 .joinList .l1 .tit .t3{ position: absolute; right: 40px; top: 25px; width: 65px; height: 48px; line-height: 48px; border-left: 1px solid #dddddd; font-size: 34px; font-weight: lighter; text-align: right; color: #dddddd;}
#Content11 .joinList .l1.on{ background: #f4f4f4;}
#Content11 .joinList .l1.on .tit .t3{ color: #104492;} 
#Content11 .joinList .l1 .box{ display: none; padding: 25px 20px 45px 20px;}
#Content11 .joinList .l1 .box .p1{ display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 30px; color: #fff; background: #104492;}
#Content11 .joinList .l1 .box .p2{ color: #565656; font-size: 12px; line-height: 24px; margin: 20px 0 30px 0;}
#Content11 .joinList .l1 .box .email{ font-size: 12px; color: #565656;}
#Content11 .joinList .l1 .box .email .col{ font-size: 14px; margin: 0 5px; color: #104492; font-weight: bold;}
@media  screen and (max-width:1023px){
#Content11 .joinList .l1 .tit{ padding: 10px 25px 10px 5px;}
#Content11 .joinList .l1 .tit .t1{ font-size: 16px; line-height: 16px; margin-bottom: 10px;}
#Content11 .joinList .l1 .tit .t2{ font-size: 14px; line-height: 14px;}
#Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 5px;}
#Content11 .joinList .l1 .tit .t3{ right: 5px; top: 10px; width: 20px; height: 40px; line-height: 40px; font-size: 22px;}
#Content11 .joinList .l1 .box{ padding: 10px 5px 15px 5px;}
#Content11 .joinList .l1 .box .p1{ font-size: 14px; height: 24px; line-height: 24px; padding: 0 10px;}
#Content11 .joinList .l1 .box .p2{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 11在线留言 */
#Content12{ width: 100%; float: left;}
#Content12 .messCon .text{ float: left; width: 48%;}
#Content12 .messCon .text .tit{ font-size: 36px; line-height: 38px; margin: 45px 0; color: #242424;}
#Content12 .messCon .text .info{ font-size: 16px; line-height: 36px; color: #666;}
#Content12 .messCon .mess{ float: right; width: 48%; padding: 40px; background: #f2f2f2;}
#Content12 .messCon .mess .t1{ font-size: 24px; line-height: 24px; color: #104492;}
#Content12 .messCon .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;}

#Content12 .messCon .mess .form_width{ border-radius:0 0 20px 20px;}
#Content12 .messCon .mess .li_1{width:100%; margin-bottom:10px;  float:left; background:#ffffff; padding:13px 24px; line-height:28px; position:relative;}
#Content12 .messCon .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;}
#Content12 .messCon .mess .input_1{width:40%;}
#Content12 .messCon .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Content12 .messCon .mess .b{color:#104492; font-size:16px;}
#Content12 .messCon .mess .li_2{width:49%; margin-right:2%; float:left;}
#Content12 .messCon .mess .li_3{margin-right:0;}
#Content12 .messCon .mess .li_4{background:#104492;}
#Content12 .messCon .mess .li_4:hover{ opacity: 0.8;}
#Content12 .messCon .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Content12 .messCon .mess .ri{padding-left:100px;}
#Content12 .messCon .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Content12 .messCon .mess .demo--radio{display:none; }
#Content12 .messCon .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Content12 .messCon .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Content12 .messCon .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Content12 .messCon .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Content12 .messCon .mess .span_d{float:right; position:absolute; right:24px; top:13px;}
#Content12 .messCon .mess .span_d img{display:block;}
#Content12 .messCon .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Content12 .messCon .mess .pointa:hover .navbtna,
#Content12 .messCon .mess .pointa:hover .navbtna::after,
#Content12 .messCon .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Content12 .messCon .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Content12 .messCon .mess .pointa .navbtna::after,
#Content12 .messCon .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Content12 .messCon .mess .pointa .navbtna::after { top:-8px; }
#Content12 .messCon .mess .pointa .navbtna::before { top:8px; }
#Content12 .messCon .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Content12 .messCon .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}
@media  screen and (max-width:1023px){
#Content12 .messCon .text{ width: 100%; margin-bottom: 15px;}
#Content12 .messCon .text .tit{ font-size: 16px; line-height: 18px; margin: 0 0 10px 0;}
#Content12 .messCon .text .info{ font-size: 14px; line-height: 24px;}
#Content12 .messCon .mess{ width: 100%; padding: 10px;}
#Content12 .messCon .mess .t1{ font-size: 16px; line-height: 16px;}
#Content12 .messCon .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;}

#Content12 .messCon .mess .mess_width{width:90%; top:10%;}
#Content12 .messCon .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Content12 .messCon .mess .pointa{right:12px; top:10px;}
#Content12 .messCon .mess .form_width{border-radius: 0 0 15px 15px;}
#Content12 .messCon .mess .li_2{width:100%;}
#Content12 .messCon .mess .li_1{padding:10px 15px; line-height:24px;}
#Content12 .messCon .mess .i{line-height:24px; font-size:14px;}
#Content12 .messCon .mess .input{line-height:24px; height:24px; font-size:14px;}
#Content12 .messCon .mess .li_11 .input{width:60%;}
#Content12 .messCon .mess .demo--label{font-size:14px;}
#Content12 .messCon .mess .span_d{width:70px; right:10px; top:10px;}
#Content12 .messCon .mess .tj{font-size:15px;}
#Content12 .messCon .mess .li_4{padding:8px 10px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 12证书 */
#List5{ width: 100%; float: left;}
#List5 .certList .u1{ width: 102%; margin: 0 -1%; overflow: hidden;}
#List5 .certList .l1{ float: left; width: 31.3%; margin: 15px 1%; box-shadow: 0 0 5px #ccc; position: relative;}
#List5 .certList .l1 .img{ line-height: 0; margin: 20px 0;}
#List5 .certList .l1 .bg{ display: none; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(16,68,146,0.8);}
#List5 .certList .l1 i{ width: 60px; height: 60px; background:url(../images/924_cert2.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; left: -60px; margin-left: -30px; margin-top: -30px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
#List5 .certList .l1 em{ width: 60px; height: 60px; background:url(../images/924_cert3.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; right: -60px; margin-top: -30px; margin-right: -30px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
#List5 .certList .l1 .t1{ width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #333; text-align: center; margin-bottom: 30px; padding:0 5px;} 
#List5 .certList .l1 .t2{ display: none; width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #fff; text-align: center; position: absolute; bottom: 30px;  padding:0 5px;} 
#List5 .certList .l1:hover .bg{ display: block;}
#List5 .certList .l1:hover em{ right: 50%; z-index: 1;}
#List5 .certList .l1:hover i{ display: block; left: 50%; z-index: 1;}
#List5 .certList .l1:hover .t1{ color: #fff;}
#List5 .certList .l1:hover .t2{ display: block;}
#List5 .imgPop{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; z-index: 99; display: none;}
#List5 .imgPop2{ background:#fff; min-height: 100px; width:40%; left:30%; padding:10px; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
#List5 .imgPop2 .img{ display:block;width: 100%;}
#List5 .imgPop2 .clo{ width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; background: url(../images/924_close.png) no-repeat center; background-size: cover;}
@media  screen and (max-width:1023px){
#List5 .certList .l1{ width: 48%; margin: 5px 1%;}  
#List5 .certList .l1 .img{ margin: 5px 0;}
#List5 .certList .l1 i{ width: 40px; height: 40px; left: -40px; margin-left: -20px; margin-top: -20px;}
#List5 .certList .l1 em{ width: 40px; height: 40px; right: -40px; margin-top: -20px; margin-right: -20px;}
#List5 .certList .l1 .t1{ font-size: 14px; height: 16px; line-height: 16px; margin-bottom: 10px;}  
#List5 .certList .l1 .t2{ font-size: 14px; height: 16px; line-height: 16px; bottom: 10px;} 
#List5 .imgPop2{ width:80%; left: 10%;}
}

@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/* 9联系我们 */
#Content13{ width: 100%; float: left;}
#Content13 .contCon .conLeft{ width: 48%; float: left;}
#Content13 .contCon .conLeft .bdmap{ border: 1px solid #e5e5e5; height: 310px; margin-bottom: 20px;}
#Content13 .contCon .conLeft .bdmap img{ max-width:none;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content{ padding-left: 0px; margin-top: 0px; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; width: 100%; background: none!important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop{ float:right; font-size:14px; color:#333333; background-color:#fff; background-repeat:no-repeat; border:none !important; width:435px!important; height:50px; margin:0; left: 40px!important; top: 150px!important;}
#Content13 .contCon .conLeft .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop .BMap_top{display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(8){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(7){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(3){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(5){display:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_bottom{display:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(2){background:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_bubble_content{width:435px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9),
#Content13 .contCon .conLeft .bdmap .BMap_center{left: 0 !important; top:0 !important; width:435px !important; height:50px !important; border:none !important; background: none!important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop img:nth-child(10){display:none;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content p{width:435px !important; height:50px !important; border:1px solid #e5e5e5 !important; line-height: 50px; padding: 0 30px; font-size:14px; color:#333333;}
#Content13 .contCon .conLeft .mess{ padding: 40px; background: #f2f2f2;}
#Content13 .contCon .conLeft .mess .t1{ font-size: 24px; line-height: 24px; color: #104492;}
#Content13 .contCon .conLeft .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;}
#Content13 .contCon .conLeft .mess .form_width{ border-radius:0 0 20px 20px;}
#Content13 .contCon .conLeft .mess .li_1{width:100%; margin-bottom:10px;  float:left; background:#ffffff; padding:13px 11px; line-height:28px; position:relative;}
#Content13 .contCon .conLeft .mess .input{background:none; border:none; padding:0 5px; outline: none; width:70%; height:28px; line-height:28px; font-size:14px;}
#Content13 .contCon .conLeft .mess .input_1{width:40%;}
#Content13 .contCon .conLeft .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Content13 .contCon .conLeft .mess .b{color:#104492; font-size:16px;}
#Content13 .contCon .conLeft .mess .li_2{width:49%; margin-right:2%; float:left;}
#Content13 .contCon .conLeft .mess .li_3{margin-right:0;}
#Content13 .contCon .conLeft .mess .li_4{background:#104492;}
#Content13 .contCon .conLeft .mess .li_4:hover{ opacity: 0.8;}
#Content13 .contCon .conLeft .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Content13 .contCon .conLeft .mess .ri{padding-left:100px;}
#Content13 .contCon .conLeft .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Content13 .contCon .conLeft .mess .demo--radio{display:none; }
#Content13 .contCon .conLeft .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Content13 .contCon .conLeft .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Content13 .contCon .conLeft .mess .span_d{float:right; position:absolute; right:0; top:13px;}
#Content13 .contCon .conLeft .mess .span_d img{display:block;}
#Content13 .contCon .conLeft .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna,
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna::after,
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Content13 .contCon .conLeft .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Content13 .contCon .conLeft .mess .pointa .navbtna::after,
#Content13 .contCon .conLeft .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Content13 .contCon .conLeft .mess .pointa .navbtna::after { top:-8px; }
#Content13 .contCon .conLeft .mess .pointa .navbtna::before { top:8px; }
#Content13 .contCon .conLeft .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Content13 .contCon .conLeft .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}

#Content13 .contCon .conRight{ width: 49%; float: right;}
#Content13 .contCon .conRight .box{ width: 100%; float: left; margin-bottom: 80px;}
#Content13 .contCon .conRight .box:last-child{ margin-bottom: 0;}
#Content13 .contCon .conRight .tit{ width: 100%; float: left;}
#Content13 .contCon .conRight .tit .t1{ float: left; font-size: 24px; color: #333;}
#Content13 .contCon .conRight .tit .zx{ float: right; position: relative; cursor: pointer;}
#Content13 .contCon .conRight .tit .zx .wz{ display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 40px 0 15px; border-radius: 13px; color: #888888; background: url(../images/925_cont1.png) no-repeat 80px center; background-color: #e9e9e9;}
#Content13 .contCon .conRight .tit .zx .img{ display: none; position: absolute; right: -110px; top: -30px; line-height: 0; border: 3px solid #104492;}
#Content13 .contCon .conRight .tit .zx .img::before{ display: none; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #104492; position: absolute; top: 36px; left: -19px;}
#Content13 .contCon .conRight .tit .zx .img::after{ display: none; content: ""; display: block; width: 12px; height: 1px; background: #104492; position: absolute; top: 39px; left: -12px;}
#Content13 .contCon .conRight .tit .zx:hover .wz{ color: #fff; background: url(../images/925_cont1_1.png) no-repeat 80px center; background-color: #104492;}
#Content13 .contCon .conRight .tit .zx:hover .img{ display: block;}
#Content13 .contCon .conRight .tit .zx:hover .img::before{ display: block;}
#Content13 .contCon .conRight .tit .zx:hover .img::after{ display: block;}
#Content13 .contCon .conRight .info{ width: 100%; float: left; font-size: 14px; line-height: 30px; padding-left: 20px; margin: 24px 0 0 0; border-left: 3px solid #104492; color: #666;}
@media  screen and (max-width:1400px){
#Content13 .contCon .conRight .tit .zx .img{ right: auto; left: -110px; top: -30px;}
#Content13 .contCon .conRight .tit .zx .img::before{ top: 36px; left: auto; right: -19px;}
#Content13 .contCon .conRight .tit .zx .img::after{ top: 39px; left: auto; right: -12px;}
}
@media  screen and (max-width:1200px){
#Content13 .contCon .conLeft .bdmap .BMap_pop{ left: 0!important;}
}
@media  screen and (max-width:1023px){
#Content13 .contCon .conLeft{ width: 100%;margin-bottom:15px; min-height:400px; display:block;}
#Content13 .contCon .conLeft .bdmap .BMap_pop{ display: none;}
#Content13 .contCon .conLeft .bdmap .BMap_bubble_content{ width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9),
#Content13 .contCon .conLeft .bdmap .BMap_center{ width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content p{ font-size: 12px; padding: 0 5px; width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .mess{ width: 100%; padding: 10px; }
#Content13 .contCon .conLeft .mess .t1{ font-size: 16px; line-height: 16px;}
#Content13 .contCon .conLeft .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;}
#Content13 .contCon .conLeft .mess .mess_width{width:90%; top:10%;}
#Content13 .contCon .conLeft .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Content13 .contCon .conLeft .mess .pointa{right:12px; top:10px;}
#Content13 .contCon .conLeft .mess .form_width{border-radius: 0 0 15px 15px;}
#Content13 .contCon .conLeft .mess .li_2{width:100%;}
#Content13 .contCon .conLeft .mess .li_1{padding:10px 15px; line-height:24px;}
#Content13 .contCon .conLeft .mess .i{line-height:24px; font-size:14px;}
#Content13 .contCon .conLeft .mess .input{line-height:24px; height:24px; font-size:14px;}
#Content13 .contCon .conLeft .mess .li_11 .input{width:71%;}
#Content13 .contCon .conLeft .mess .demo--label{font-size:14px;}
#Content13 .contCon .conLeft .mess .span_d{width:70px; right:10px; top:10px;}
#Content13 .contCon .conLeft .mess .tj{font-size:15px;}
#Content13 .contCon .conLeft .mess .li_4{padding:8px 10px;}

#Content13 .contCon .conRight{ width: 100%; margin-bottom: 15px; clear:both; display:block; }
#Content13 .contCon .conRight .box{ margin-bottom: 15px;}
#Content13 .contCon .conRight .tit .t1{ font-size: 18px;}
#Content13 .contCon .conRight .tit .zx .wz{ font-size: 12px; padding: 0 30px 0 10px; background: url(../images/925_cont1.png) no-repeat 61px center; background-color: #e9e9e9;}
#Content13 .contCon .conRight .tit .zx:hover .wz{ background: url(../images/925_cont1_1.png) no-repeat 61px center; background-color: #104492;}
#Content13 .contCon .conRight .info{ font-size: 14px; line-height: 24px; padding-left: 10px; margin: 10px 0 0 0; border-left: 1px solid #104492;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

/*1关于宏工*/
#Content14{width:100%; display:block; float:left;}
#Content14 .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}

.pf_tel { display:none;}

/*侧边漂浮*/
.client-2 {position:fixed;right:-170px;top:50%;z-index:99999;}
.client-2 li a {text-decoration:none;}
.client-2 li {margin-top:1px;clear:both;height:71px;position:relative;}
.client-2 li i {background:url(../images/fx.png) no-repeat;display:block;width:30px;height:30px;margin:0px auto 4px;text-align:center;}
.client-2 li p {height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;}
.client-2 .my-kefu-qq i {background-position:0 0;}
.client-2 .my-kefu-tel i {background-position:0 -30px;}
.client-2 .my-kefu-liuyan i {background-position:0 -60px;}
.client-2 .my-kefu-weixin i {background-position:-30px 0;}
.client-2 .my-kefu-weibo i {background-position:-30px -30px;}
.client-2 .my-kefu-ftop {display:none;}
.client-2 .my-kefu-ftop i {width:30px;height:30px;background-position:-30px -60px;}
.client-2 .my-kefu-left {float:left;width:77px;height:70px;position:relative;}
.client-2 .my-kefu-tel-right {font-size:15px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.client-2 .my-kefu-right {width:20px;}
.client-2 .my-kefu-tel-main {background:#104492;color:#fff;height:70px;width:247px;padding:10px 0;float:left;}
.client-2 .my-kefu-main {background:#104492;width:97px;height:70px;position:relative;padding:10px 0;float:left;}
.client-2 .my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.my-kefu-weixin-pic img {width:115px;height:115px;}
@media screen and (max-width:1199px) and (min-width:1080px) {

}
@media screen and (max-width:1079px) and (min-width:768px) {
	.client-2{top:75%;}
	.client-2 .my-kefu-left{display:none;}
	.client-2{right:10px;}
	.client-2 li{height:45px;margin-bottom:10px;left:0 !important;}
	.client-2 li.my-kefu-liuyan{display:none;}
	.client-2 li.my-kefu-weixin{display:none;}
	.client-2 .my-kefu-tel-main{width:45px;height:45px;padding:0;border-radius: 50%;background-image: linear-gradient(to top right, #00a9c2, #2996f9);opacity: 0.9;}
	.client-2 .my-kefu-tel-right{font-size:0;border-left:0;width:100%;height:100%;padding:0;margin:0;float:none;display:block;background:url(../images/suspension-bgxin.png) center center no-repeat;}
	.client-2 .my-kefu-main{width:45px;height:45px;padding:0;background-image: linear-gradient(to top right, #34ad6a, yellow);border-radius: 50%;}
	.client-2 .my-kefu-right{font-size:0;border-left:0;width:100%;height:100%;padding:0;margin:0;float:none;display:block;background:url(../images/suspension-bgxin1.png) center center no-repeat;}
	.client-2 .my-kefu-ftop{display:block !important;left:auto !important;}
	
}
@media screen and (max-width:767px) {
	.client-2{top:75%;}
	.client-2 .my-kefu-left{display:none;}
	.client-2{right:10px;}
	.client-2 li{height:45px;margin-bottom:10px;left:0 !important;}
	.client-2 li.my-kefu-liuyan{display:none;}
	.client-2 li.my-kefu-weixin{display:none;}
	.client-2 .my-kefu-tel-main{width:45px;height:45px;padding:0;border-radius: 50%;background-image: linear-gradient(to top right, #00a9c2, #2996f9);opacity: 0.9;}
	.client-2 .my-kefu-tel-right{font-size:0;border-left:0;width:100%;height:100%;padding:0;margin:0;float:none;display:block;background:url(../images/suspension-bgxin.png) center center no-repeat;}
	.client-2 .my-kefu-main{width:45px;height:45px;padding:0;background-image: linear-gradient(to top right, #34ad6a, yellow);border-radius: 50%;}
	.client-2 .my-kefu-right{font-size:0;border-left:0;width:100%;height:100%;padding:0;margin:0;float:none;display:block;background:url(../images/suspension-bgxin1.png) center center no-repeat;}
	.client-2 .my-kefu-ftop{display:block !important;left:auto !important;}
}